<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>基础表单</title>
    <link rel="stylesheet" type="text/css" href="../css/mview.css?v=20230607112">
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/c/font_4109983_172fpz4s4lc.css">
    <link rel="stylesheet" type="text/css" href="../libs/colorpicker/spectrum.min.css">
    <script type="text/javascript" src="https://duoyue.moreqifu.cn/assets/libs/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../libs/colorpicker/spectrum.min.js"></script>
</head>

<body>
    <div class="m-card m-mb-1">
        <div class="m-search">
            <div class="m-search-items">
                <label>选择颜色</label>
                <input type="text" name="" class="m-color-pickder" placeholder="请输入颜色" id="tetxFontColor">
            </div>
        </div>
    </div>
    <!-- 
        项目地址:https://github.com/withspectrum/spectrum
        官网地址:https://spectrum.chat
    -->
    <script>
        $("#tetxFontColor").spectrum({
            color: "#000000",
            showInput: false,
            cancelText: "取消",
            chooseText: "确定选择",
            hide: function(color) {
                console.log(color.toRgbString());
            }
        });
    </script>
</body>

</html>